<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->

<head>
    <title>Edu Social | Isatech Indonesia - IT Consulting and Software Development</title>
    <link rel="shortcut icon" href="../images/logo.ico" />

    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/prettyPhoto.css" />
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />

    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- start: Top Menu -->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#"><img src="../images/logo.png"/></a>
            <div class="nav-collapse collapse">
                <ul class="nav pull-right">
                    <li><a href="../index.html">Home</a></li>
                    <li><a href="../about.html">About</a></li>
                    <li><a href="../services.html">Services</a></li>
                    <li class="active"><a href="../portfolio.html">Portfolio</a></li>
                    <li><a href="../contact.html">Contacts</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- start: Top Menu -->

<!-- start: Container -->
<div class="container">

    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1>Edu Social<small></small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="../#">Home</a><i class="icon-angle-right "></i><a href="../portfolio.html">Portofolio</a><i class="icon-angle-right "></i>Edu Social
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->

    <div class="row">

        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">

            <div class="page-inner">
                <div class="row-fluid single-portfolio">
                    <div class="span8">
                        <div id="mainslider" class="flexslider">
                            <ul class="slides">
                                <li><img src="../example/slider1.jpg" alt="" /></li>
                                <li><img src="../example/slider2.jpg" alt="" /></li>
                                <li><img src="../example/slider3.jpg" alt="" /></li>
                                <li><img src="../example/slider4.jpg" alt="" /></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="ps-description">
                            <p>EduSocial adalah suatu add on atau modul social network yang siap diintegrasikan pada suatu perguruan tinggi yang sudah memiliki Sistem Informasi Akademik (SIA). Dengan memanfaatkan data pada SIA yang telah ada, maka seluruh civitas akademika akan otomatis saling terhubung. Aplikasi ini berjalan pada platform android, web based dan akan dikembangkan dalam versi ios. Pengguna dari aplikasi ini adalah mahasiswa, dosen, staff akademik dan beberapa organisasi kemahasiswaan yang sudah mempunyai account pada SIA tersebut. Model interaksi antar pengguna aplikasi ini bersifat global, sehingga sharing informasi dapat langsung diakses oleh semua pengguna. </p>
                            <p>Tujuan aplikasi EduSocial adalah untuk membantu civitas akademik untuk saling berinteraksi melalui suatu media social local dengan menggunakan data-data yang telah tersedia di SIA. Konsep ini memudahkan pengguna untuk memilih beberapa media social yang telah ada di internet, karena EduSocial focus pada interaksi di lingkungan akademik.</p>
                            <h4>Project Overview</h4>
                            <ul class="icons">
                                <li><i class="icon-angle-right"></i><span>Date:</span> May 9, 2012</li>
                                <li><i class="icon-angle-right"></i><span>Client:</span> Google</li>
                                <li><i class="icon-angle-right"></i><span>Category:</span> Web Design</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            

        </section>
        <!-- end: Page section -->

        <!-- start: Sidebar -->
        <!-- end: Sidebar -->

    </div>

</div>
<!-- end: Container -->
    <!-- start: Footer -->
    <footer id="footer">
        <div class="container">
            <ul class="social clearfix">
                <li><a href="../#" data-original-title="Facebook">
                        <i class="icon-facebook-sign"></i>
                    </a></li>
                <li><a href="../#" data-original-title="Twitter">
                        <i class="icon-twitter-sign"></i>
                    </a></li>
                <li><a href="../#" data-original-title="Google+">
                        <i class="icon-google-plus-sign"></i>
                    </a></li>
            </ul>
        </div>

    </footer>
    <!-- end: Footer -->

    <!-- start: Footer menu-->
    <section id="footer-menu">
        <div class="container">
            <div class="row">
                <div class="span4">
                    <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                </div>
                <div class="span8 hidden-phone">
                    <ul class="pull-right">
                        <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end: Footer menu-->
</body>
</html>
